<template>
	<view >
		<u-navbar
		:autoBack="true" bgColor="#fff"
		leftIconColor='#000'
		:titleStyle="{ color: '#000'}"
		 title="详情" rightText='' :border="false" :placeholder="true">
			  <!-- #ifndef APP-NVUE -->
			  
			  <!-- #endif -->
		</u-navbar>
		
		<view class="m20 p20 b-rd b-s">
			<!-- <view class="fb b-b pb20">详细信息</view> -->
			
			<view class="f-s-b ">
				<span class="c9 f28">收支类型</span>
				<span class="fb f28">{{info.pm == 0 ?'收入':'支出'}}</span>
			</view>
			<view class="f-s-b pt20">
				<span class="c9 f28">账户类型</span>
				<span class="fb f28">{{info.category | categoryTypeTxt}}</span>
			</view>
			<view class="f-s-b pt20">
				<span class="c9 f28">变动类型</span>
				<span class="fb f28">{{info.type | TypeTxt}}</span>
			</view>
			<view class="f-s-b pt20">
				<span class="c9 f28">变动金额</span>
				<span class="fb f28 cr">{{info.number,info.category | categoryTypeTxt2}}</span>
			</view>
			<view class="f-s-b pt20">
				<span class="c9 f28">备注</span>
				<span class="fb f28">{{info.mark}}</span>
			</view>
			<view class="f-s-b pt20">
				<span class="c9 f28">创建时间</span>
				<span class="fb f28">{{info.createTime}}</span>
			</view>
			
	
		</view>
	
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userInfo:{
					name:'菜狗一号',
					sex:'男',
					birth:'2000.10.10',
					address:'安徽省 合肥市 庐阳区',
				},
				addressData:null,
				info:"",
				urls1: ['https://cdn.uviewui.com/uview/album/1.jpg']
			}
		},
		onShow() {
			// uni.hideBackButton()
		},
		onLoad(option) {
			if(option.data){
				console.log(option.data)
				this.info = JSON.parse(option.data)
				// this.getDetailB(option.id)
			}
		},
		methods: {
			getDetail(id){
				let that = this
				this.$api.request('get', `appOrder/app/${id}`).then(res => {
				 // console.log(res.data,'res')
				 that.info = res.data
				 // that.list1 = [res.data.imgUrl]
				}).catch(err => {
				  that.$api.msg('请求失败，请稍后再试')
				})
			},
			
			
		}
	}
</script>

<style lang="scss">
	page {
		background: $page-color-base;
		// padding-top: 16upx;
		display: flex;
		flex-direction: column;
		::v-deep  .uni-page-head-btn  {
			background-color: #000 !important;
		}
	}
    .headBg{
		background-image: url('https://chaoyuanhuishou.oss-cn-beijing.aliyuncs.com/homebg.png');
		background-size: 100% 100%;
		// width: 750rpx;
		height: 378rpx;
		// background: #1AC388;
		border-radius: 0rpx 0rpx 40rpx 40rpx;
		opacity: 1;
	}
	.outBtn{
		position: fixed;
		bottom: 200rpx;
		left: 50%;
		transform: translate(-50%,0);
		width: 700rpx;
		height: 88rpx;
		background: #F14647;
		box-shadow: 0rpx 2rpx 4rpx 2rpx rgba(0,0,0,0.16);
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		opacity: 1;
		text-align: center;
		line-height: 88rpx;
		font-size: 32rpx;
		font-weight: bold;
		color: #FFFFFF;
	}
	.mainBox{
		margin-top: -200rpx;
		// width: 750rpx;
		height: 792rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 8rpx 2rpx rgba(0,0,0,0.1);
		border-radius: 40rpx 40rpx 8rpx 8rpx;
		opacity: 1;
		padding: 10rpx 32rpx 0;
	}
	.fixsure{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100vw;
		height: 156rpx;
		background: #FFFFFF;
		box-shadow: 0rpx -4rpx 8rpx 2rpx rgba(0,0,0,0.1);
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		opacity: 1;
	}
	.btnsure{
		width: 318rpx;
		height: 90rpx;
		background: var(--theme);
		border-radius: 46rpx 46rpx 46rpx 46rpx;
		text-align: center;
		line-height: 90rpx;
		color: #FFFFFF;
	}
	
</style>
